@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate(-100px, 0);
		transform: stranslate(-100px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0px, 0);
		transform: stranslate(0px, 0);
	}
}

.list {
	border: 1px solid green;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
    &.fadeInLeft,&.fadeInRight{
        animation-duration: 0.5s !important;
		-webkit-animation-duration: 0.5s !important;
		animation-fill-mode: both !important;
    }
	&.fadeInLeft {
		// border:1px solid #f00;
    	animation-name: fadeInLeft;
		-webkit-animation: fadeInLeft;
	}
}
